import { init } from 'snabbdom/build/package/init'
import { h } from 'snabbdom/build/package/h'

// 1. 导入模块
import { styleModule } from 'snabbdom/build/package/modules/style'
import { eventListenersModule } from 'snabbdom/build/package/modules/eventlisteners'

// 2. 注册模块
const patch = init([
  styleModule,
  eventListenersModule
])

// 3. 使用 h() 函数的第二个参数传入模块中使用的数据（对象）
const vnode = h('div#container', [
  h('h2', {
    style: {
      background: 'red'
    }
  }, 'Hello World'),
  h('p', {
    on: {
      click: onEvent
    }
  }, 'This is a P tag')
])

function onEvent () {
  alert('click p tag')
}

const app = document.querySelector('#app')

patch(app, vnode)
